<template>
  <span>
    <span class="changeSlot cut_is_show"
      @click="clickShow">{{isShow ? '收起' : '展开'}}</span><i style="font-size: 14px;" :class="isShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
  </span>
</template>

<script>
export default {
  name: 'CutIsShow',
  props: {
    CutisShow: {
      type: Boolean,
      default: false,
    },
  },
  watch: {
    CutisShow(val) {
      this.isShow = val
    },
    isShow(val) {
      this.$emit('update:CutisShow', val)
    }
  },
  data() {
    return {
      isShow: false
    }
  },
  methods: {
    clickShow() {
      this.isShow = !this.isShow
    },
  }
}
</script>
<style scoped lang="scss">
.cut_is_show {
  color: #496dff;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  padding: 0 5px 0 10px;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
</style>
